<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/js/axios.js/"></script>
    <script src="/js/vue.js"></script>
    <script src="/el/element.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/mystyle.css" >
    <link rel="stylesheet" type="text/css" href="/el/element.css" />
    <title>添加用户页面</title>
    <style>
        .div{
            width: 400px;
        }
    </style>
</head>
<body>

<div id="app" >
    <div th:replace="~{common/head-index::head}"></div>
    <!--<div  class="top" style="top: 0;left: 0;right: 0; position: fixed;margin-bottom: 10px">-->
        <!--<el-container>-->
            <!--<el-header>-->
                <!--<div style="display: flex;justify-content:space-between">-->
                    <!--博客网💬-->
                    <!--<div>-->
                        <!--<span v-if="isLogin">[ 当前用户：{{loginUser.nickname}} ] </span>-->
                        <!--<a class="a" type="info" href=/api/public/goHome>-->
                            <!--首页-->
                            <!--|-->
                        <!--</a>-->
                        <!--<a class="a" v-if="isLogin==false"  href=/api/public/go2Login>-->
                            <!--登录/注册-->
                            <!--|-->
                        <!--</a>-->
                        <!--<a class="a" v-if="isLogin==true" href=/api/user/blog/goEditContent>-->
                            <!--发布内容-->
                            <!--|-->
                        <!--</a>-->
                        <!--<a class="a" v-if="isLogin==true" href=/api/user/type/goAddType>-->
                            <!--添加文章类型-->
                            <!--|-->
                        <!--</a>-->
                        <!--<a class="a" v-if="isLogin==true" href=/api/user/go2FindInfo>-->
                            <!--我的个人中心-->
                            <!--|-->
                        <!--</a>-->
                        <!--<a class="a" v-if="isLogin==true" @click="outLogin()" href=/api/public/outLogin>-->
                            <!--退出登录-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</el-header>-->
        <!--</el-container>-->
        <!--<div style="margin: 10px"></div>-->
    <!--</div>-->

    <div class="div" style="margin-left: 400px;margin-top: 80px">
    账号：<el-input placeholder="请输入账号" v-model="user.username" > </el-input>
    密码：<el-input placeholder="请输入密码" v-model="user.password" show-password> </el-input>
    昵称：<el-input placeholder="请输入昵称" v-model="user.nickname"> </el-input>
          <el-button @click="addUser()" :disabled="user.nickname==''|| user.password=='' || user.username==''">立即注册</el-button>
    </div>
</div>
</body>
<script>
    var app = new Vue({
        el : "#app",
        data : {
           user : {
               username : "",
               password : "",
               nickname : "",
           },
            isLogin : false,
            loginUser : {

            }
        },
        methods : {
            outLogin() {
                sessionStorage.clear()
                localStorage.clear()
            },
            addUser(){
                const h = this.$createElement;
                let _this = this
                    axios.post("/api/public/addUser",this.user).then(function (resp) {
                        console.log(resp.data)
                        if (resp.data.code ==200){
                            _this.$message({
                                message: '注册成功，正在跳转到登陆页面，请稍后',//提示的信息
                                type:'success',　　//类型是成功
                                duration:500,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
                                onClose:()=>{
                                    top.location.href = "/api/public/go2Login";
                                }
                            });
                        } else{
                            _this.$message({
                                message: '当前用户已经存在，请重新注册',//提示的信息
                                type:'error',　　//类型是成功
                                duration:500,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
                                onClose:()=>{
                                }
                            });
                        }
                    })
                }
        },
        mounted() {
            let _this = this;
            _this.loginUser =JSON.parse(sessionStorage.getItem("user"));
            axios.get("/api/public/whetherLogin").then(function (resp) {
                _this.isLogin = resp.data.data
            })

        }


    })
</script>
</html>